<script>
export default {
  name: "filterPage",
  data() {
    return {
      msg: '我TMD你'
    }
  },
  methods: {},

  filters: {
    ownFilter(data, format) {
      console.log(data, format)
    }
  }
}
</script>

<template>
  <!-- 过滤器可以用在两个地方：双花括号插值和 v-bind 表达式
    使用语法
     {{变量 | 过滤器名}}
     {{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是前面表达式传过来的值-->
  <!-- 全局过滤器定义在main.js中
       Vue.filter(过滤器名字,回调函数(data：管道符前面或上个过滤器返回的数据,format：传递的参数))-->
  <!-- 私有过滤器 定义在所需组件中-->
  <div>
    {{ msg }}

    <!-- 过滤器的返回值-->
    <p>{{ msg|setMsg(123) }}</p>
    <p>{{ msg|setMsg(123)|setMsg1('num') }}</p>
    <p>{{ msg|ownFilter('私有过滤器') }}</p>

    <!--  预留展示区域  -->
    <router-view></router-view>
    <!--    <router-view name="courseIndex"></router-view>-->
    <router-view name="keyBoardModifiers"></router-view>
    <router-view name="brandManagement"></router-view>
  </div>
</template>

<style scoped lang="less">

</style>